<!--
  Generated template for the AllCoursePage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar color="mainColor">
    <ion-title>全部课程</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>
  <ul>
    <li [class]="'bg-'+1">
      <div class="course-info">
        <p>
          公共管理学原理
        </p>
        <p>公共管理硕士[MPA系列教材]</p>
      </div>
      <div class="course-code">
        <div>
          <p>
            共8单元
          </p>
        </div>
        <ion-icon name="arrow-forward"></ion-icon>
      </div>
    </li>
    <li [class]="'bg-'+2">
      <div class="course-info">
        <p>
          公共管理学原理
        </p>
        <p>公共管理硕士[MPA系列教材]</p>
      </div>
      <div class="course-code">
        <div>
          <p>
            共8单元
          </p>
        </div>
        <ion-icon name="arrow-forward"></ion-icon>
      </div>
    </li>
  </ul>
</ion-content>
